﻿<Window x:Class="CapstoneProjectAEReader.GUIs.Others.Blank"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="350" Width="600" ResizeMode="NoResize"
        Closed="Window_Closed" Title="New Note" Icon="pack://application:,,,/BlankNote.ico">
    <Border BorderBrush="LightBlue" BorderThickness="2" Padding="8">
        <Border.Background>
            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                <GradientStop Color="#FFAEF3F0" Offset="0" />
                <GradientStop Color="#FFC6F8FF" Offset="0.5" />
                <GradientStop Color="#FF97F3EF" Offset="1" />
            </LinearGradientBrush>
        </Border.Background>
        <DockPanel Name="blankNote">
            <Grid DockPanel.Dock="Bottom">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.5*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <StackPanel Orientation="Horizontal" Grid.Column="0">
                    <Label x:Name="lbPageNo" HorizontalAlignment="Center" VerticalAlignment="Center"
                           FontWeight="SemiBold" Foreground="LightSlateGray" Height="auto" Margin="4" />
                    <TextBox x:Name="txtPageNo" VerticalAlignment="Center" Width="30" Height="24" />
                </StackPanel>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="1">
                    <Button x:Name="btTranslate" Background="Transparent" BorderThickness="0" Margin="4"
                            Click="HandleTranslateBt">
                        <Grid>
                            <Image Height="25">
                                <Image.Style>
                                    <Style TargetType="{x:Type Image}">
                                        <Setter Property="Source" Value="Image/NoteButton.png" />
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsMouseOver, ElementName=btTranslate}"
                                                         Value="True">
                                                <Setter Property="Source" Value="Image/NoteButtonHover.png" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Image.Style>
                            </Image>
                            <Label x:Name="btTranslateName" HorizontalAlignment="Center" />
                        </Grid>
                    </Button>
                    <Button x:Name="btSave" Background="Transparent" BorderThickness="0" Margin="4"
                            Click="btSaveHandler">
                        <Grid>
                            <Image Height="25">
                                <Image.Style>
                                    <Style TargetType="{x:Type Image}">
                                        <Setter Property="Source" Value="Image/NoteButton.png" />
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsMouseOver, ElementName=btSave}"
                                                         Value="True">
                                                <Setter Property="Source" Value="Image/NoteButtonHover.png" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Image.Style>
                            </Image>
                            <Label x:Name="btSaveName" HorizontalAlignment="Center" />
                        </Grid>
                    </Button>
                    <Button x:Name="btCancel" Background="Transparent" BorderThickness="0" Margin="4"
                            Click="btCancelHandler">
                        <Grid>
                            <Image Height="25">
                                <Image.Style>
                                    <Style TargetType="{x:Type Image}">
                                        <Setter Property="Source" Value="Image/NoteButton.png" />
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsMouseOver, ElementName=btCancel}"
                                                         Value="True">
                                                <Setter Property="Source" Value="Image/NoteButtonHover.png" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Image.Style>
                            </Image>
                            <Label x:Name="btCancelName" HorizontalAlignment="Center" />
                        </Grid>
                    </Button>
                </StackPanel>
            </Grid>
            <RichTextBox x:Name="txtNoteDescription" Margin="10" MinHeight="140" MaxHeight="140"
                         VerticalScrollBarVisibility="Visible" DockPanel.Dock="Bottom" />
            <Grid DockPanel.Dock="Bottom">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="200" />
                </Grid.ColumnDefinitions>
                <StackPanel Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
                    <Label x:Name="lbBookInfo" Margin="10,0,2,0" VerticalAlignment="Center" FontWeight="SemiBold"
                           Foreground="DarkRed" />
                    <Label x:Name="lbBookTitle" Margin="0,0,0,0" VerticalAlignment="Center" FontWeight="Normal"
                           Foreground="DarkRed" />
                </StackPanel>
                <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                    <Label x:Name="lbDateInfo" Margin="0,0,2,0" VerticalAlignment="Center" FontWeight="SemiBold"
                           Foreground="RoyalBlue" />
                    <Label x:Name="lbDate" Margin="0,0,10,0" VerticalAlignment="Center" FontWeight="Normal"
                           Foreground="RoyalBlue" />
                </StackPanel>
            </Grid>
            <Border BorderBrush="Transparent" BorderThickness="1" CornerRadius="2" DockPanel.Dock="Top">
                <Border.Background>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" Opacity="0.9">
                        <GradientStop Color="White" Offset="0" />
                        <GradientStop Color="#FFFAFAFA" Offset="0.5" />
                        <GradientStop Color="White" Offset="1" />
                    </LinearGradientBrush>
                </Border.Background>
                <Border.OpacityMask>
                    <LinearGradientBrush>
                        <GradientStop Color="Transparent" Offset="0" />
                        <GradientStop Color="Black" Offset="0.2" />
                        <GradientStop Color="Black" Offset="0.8" />
                        <GradientStop Color="Transparent" Offset="1" />
                    </LinearGradientBrush>
                </Border.OpacityMask>
                <TextBlock x:Name="lbNoteWord" TextWrapping="WrapWithOverflow" Width="320" Foreground="Green"
                           FontWeight="SemiBold" HorizontalAlignment="Center"></TextBlock>
            </Border>
        </DockPanel>
    </Border>
</Window>